.place-order-container {
  .pc-width {
    padding: 0 101px;
  }
  app-progress-bar /deep/ {
    .time-axis {
      .time-line {
        width: 40%;
      }
      .step {
        span:nth-child(2) {
          background-color: #90c31f;
        }
      }
      .stage_desc {
        span:nth-child(2) {
          color: #90c31f;
        }
      }
    }
  }
  .apartment-layout {
    border: 1px solid #b3b3b3;
    margin-top: 68px;
    margin-bottom: 50px;
    .type {
      width: 100%;
      height: 36px;
      line-height: 36px;
      background-color: #90c31f;
      color: #fff;
      span {
        display: inline-block;
        width: 33%;
        padding-left: 20px;
      }
    }
    .select-box {
      position: relative;
      width: 100%;
      height:75px;
      padding-top:20px;
      padding-left:20px;
      margin-left:0;
      border:0;
      .form-group {
        display: inline-block;
        width: 295px;
        height: 36px;
        padding: 0 10px;
        margin-left: 0;
        margin-right: 0;
        border: 1px solid #ccc;
      }
      .form-group:first-child {
        margin-right: 32px;
      }
      .form-group:last-child {
        position: absolute;
        top: 20px;
        right: 20px;
        padding: 8px;
        .input-append {
          color: #b2b2b2;
          input {
            border: 0px;
            width: 245px;
            padding-left: 10px;
          }
          span {
            position: absolute;
            top: 7px;
            right: 10px;
            i {
              display: inline-block;
              width: 270px;
              height: 20px;
              background: url("../../../assets/images/arrow.png") no-repeat scroll right center transparent;
              background-size: 15px 10px;
            }
          }
        }
      }
    }
    .info-box {
      width: 100%;
      margin-top: 20px;
      .personal-info {
        width: 33%;
        height: 515px;
        border-right: 1px solid #b2b2b2;
        .portrait {
          width: 116px;
          height: 116px;
          margin: 0 auto;
          img {
            width: 100%;
            height: 100%;
          }
        }
        .info {
          p {
            line-height: 20px;
            margin-left: 65px;
            margin-top: 30px;
            span {
              color: #b2b2b2;
            }
            span.colorRed {
              color: #F3AB8D;
            }
            span:first-child {
              color: #666;
            }
            span:last-child {
              margin-left: 70px;
            }
          }
          .phone-code {
            span:last-child {
              margin-left: 15px;
            }
            span:nth-child(2) {
              margin-left: 55px;
            }
          }
        }
      }
      .credential-info {
        width: 63%;
        margin-right: 20px;
        .info-title {
          position: relative;
          top: -29px;
          left: -90px;
          width: 100%;
          height: 40px;
          line-height: 40px;
          margin-bottom: 20px;
          .title-line {
            width: 545px;
            border-bottom: 1px solid #f5f5f5;
            margin-left: 20px;
          }
          .lessee-line{
            width:610px;
          }
          div {
            display: inline-block;
          }
          .title-bg {
            width: 160px;
            height: 62px;
            background-color: #fff;
            position: absolute;
            top: 0;
            left: 35%;
            app-title /deep/ {
              left: -18px;
              .title-msg {
                top: 15px;
              }
              i {
                width: 0;
                height: 0;
              }
            }
          }
          .btn-add {
            width: 65px;
            height: 40px;
            position: absolute;
            top: 5px;
            right:-135px;
            color: #90c31f;
            cursor: pointer;
            .wficon-add{
              position: relative;
              top:6px;
              left:2px;
            }
            .font_14{
              margin-left:5px;
            }
          }
        }
        .tenant{
          margin-top:60px;
        }
      }
    }
  }
}
